'use client';
import {memo} from 'react';
import {Stack} from 'react-bootstrap';
import useTrans from '@/modules/i18nTranslation';
import style from './style.module.scss';


const Aside = memo(function Aside() {
    const {t} = useTrans();

    return <aside className={style['aside-wrapper']}>
        <div>
            <Stack className={style['section-item']}>
                <h3>{t('广告位招租')}</h3>
                {/* <LazyLoadImage
                    className={style['qr-code']}
                    src={require('@/assets/imgs/weixin-qr-code.png')}
                    placeholder={<Skeleton.Image className={style['qr-code']} />}
                /> */}
                {/* <Button variant="primary">↑添加微信↑</Button> */}
                {/* <FontAwesomeIcon icon={brands('weixin')} fontSize={16} /> */}
            </Stack>
            {/* <Flex vertical gap='small' align='center' className={classNames(style['section-item'])}>
                广告位招租
                <LazyLoadImage
                    className={style['qr-code']}
                    src={require('@/assets/imgs/weixin-qr-code.png')}
                    placeholder={<Skeleton.Image className={style['qr-code']} />}
                />
                <Button style={{background: '#4096ff'}} type="primary" block>↑添加微信↑</Button>
                <FontAwesomeIcon icon={faWeixin} fontSize={16} />
            </Flex> */}
        </div>
    </aside>;
});

export default Aside;
